<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Indiefilm Studio Management System</title>
  <script>
  $(document).ready(function() {
    $("#progressbar").progressbar({ value: 19.37 });
  });
  </script>

</head>

<body>	
		<div id="TabLayout">
	
				<!-- Layout Content -->
	<div class="tabLeftContent">
    
<div class="tableBorder">    
        <table width="100%" class="yellowTable">
          <tr valign="middle">
            <td width="175"><label>Current Status:</label></td>
            
            <td width="142"><select name="select2" id="select2">
              <option value="Canceled">Canceled</option>
              <option value="New Enquiry" selected="selected">New Enquiry</option>
              <option value="Quote Pending">Quote Pending</option>
              <option value="Work in Progress">Work in Progress</option>
              <option value="Review in Progress">Review in Progress</option>          
              
              <option value="Completed">Completed</option>
            </select>      
            </td>
            <td width="1117" valign="middle"> <a class="button" href="#"><span>Update Job Status</span></a></td>
          </tr>
      </table>        
</div><!-- table border-->

    
<div class="tableBorder">    
        <table width="100%" class="yellowTable">
                  <tr>
                    <td width="195"><label>Estimated Hours:</label></td>
                    <td width="66"><span class="hoursESTBG">80.50</span></td>
                    <td width="193"><label>Recorded Hours:</label></td>
                    <td width="62"><span class="hoursBG">1165.25</span></td>
                    <td width="175"><label>Task To Do:</label></td>
                    <td width="46"><span class="numberBG">25</span></td>
                    <td width="343"><label>Time Progress: 15.75%</label></td>
                    <td width="334"><div id="progressbar"></div></td>
                  </tr>
          </table>        
</div><!-- table border-->    
    
    <div class="tableBorder">
        <table width="100%" class="yellowTable">
          <tr>
            <td width="120"><label>Job Name:</label></td>
            <td colspan="3">Agri Feeds website Development</td>
          </tr>
          <tr>
		        <td><label>Client:</label></td>
	          <td width="282"><a href="#">Agri Feeds</a></td>
	          <td width="171"><label>Job Number:</label></td>
		        <td width="215">AGF0710J1</td>
	        </tr>
                  <tr>
                    <td><label>Type:</label></td>
                                       <td> Normal Billing</td>
                                       <td><label>Contact Phone:</label></td>
                   
                    <td>07 8381618
               
                   
                    </td>

                  </tr>
                  <tr>
                    <td><label>Contact Person:</label></td>
                    <td> Claire Nichols</td>
                    <td><label>Email:</label></td>
                    <td>claire@agrifeeds.co.nz</td>
                  </tr>
                  <tr>
                    <td><label>Quote:</label></td>
                    <td>AGF0710J1Q1</td>
                    <td><label>Invoice:</label></td>
                    <td>AGF0710J1V1</td>
                  </tr>
                  <tr>
                    <td><label>Job In Date</label></td>
                    <td>Mon, 26 Jul 2010</td>
                    <td><label>Due Date:</label></td>
                    <td>Fri, 31 Aug 2010</td>
                  </tr>
                  <tr>
                    <td><label>Description:</label></td>
                    <td colspan="3"><p>The client needs a video. This year Indiefilm went to the Fieldays, seeking out businesses wanting to showcase new products, features and services to an online audience. </p>
                      <p><br />
                    If you were one of the businesses we filmed please look below for your complementary web video - feel free to embed it on your own website, and spread the word through the power of online video. Indiefim productions are based in the Waikato, New Zealand and are specialists in HD video production.</p></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                    <td>&nbsp;</td>
                  </tr>
          </table>        
</div><!-- table border-->



<h4>COMMUNICATION NOTES</h4>
<div class="tableBorder">
 <table width="100%" class="noteTable">
                  <tr>
                    <td width="106"><label>Borden L:<br />
                    24 Jul 10</label></td>
                    <td colspan="3">Emailed the client our first quote. waiting for reply.</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td width="461"><a href="#">Save</a> | <a href="#">Edit</a> | <a href="#">Remove</a></td>
                    <td width="241">&nbsp;</td>
                    <td width="305">&nbsp;</td>
                  </tr>
          </table>
</div>

<div class="tableBorder">
 <table width="100%" class="noteTable">
                  <tr>
                    <td width="106"><label>Murdoch D:<br />
                    24 Jul 10</label></td>
                    <td colspan="3">Please contact the client by tomorrow: If you were one of the businesses we filmed please look below for your complementary web video - feel free to embed it on your own website, and spread the word through the power of online video. Indiefim productions are based in the Waikato, New Zealand and are specialists in HD video production.</td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                    <td width="598"><a href="#">Save</a> | <a href="#">Edit</a> | <a href="#">Remove</a></td>
                    <td width="321">&nbsp;</td>
                    <td width="406">&nbsp;</td>
                  </tr>
          </table>
</div>

    </div> <!--work left content-->
    
    
    <div class="tabRightContent">
        <div class="sideModule">
         <div id="SideNavigation">	
                    <ul>
                    <li><a href="../../indiefilm/index.html"><span><img src="../../indiefilm/images/note.gif" alt="Note"/> Add New Note</span></a></li>   
                    <li><a href="../../indiefilm/index.html"><span><img src="../../indiefilm/images/Edit.png" alt="Edit"/> Edit Job Details</span></a></li>
                    
                                     
                    </ul>
          </div>
        </div>
	</div><!--work right content-->
						
			
<!-- Layout Content Ends -->							
</div>
   <div class="clear"><!-- --></div>
</body>
</html>
